<template>
  <section class="page-content">
    <div class="toolbar text-left">
      系统信息
    </div>
    <el-table
      :data="items"
      v-loading="loading"

      element-loading-text="拼命加载中"
      border
      :show-header="false"
      stripe
      style="width: 100%; min-height:150px;">
      <el-table-column
        prop="name"
        label="名称"
        width="300">
      </el-table-column>
      <el-table-column
        prop="value"
        label="值">
      </el-table-column>
    </el-table>
    <div class="toolbar text-center">
     
      <a href="http://wpa.qq.com/msgrd?v=3&uin=727955957&site=qq&menu=yes" target="_blank">
         <el-button type="danger" icon="yuethink-edit" size="mini">
           BUG提交
         </el-button>
       </a>
       <a href="http://wpa.qq.com/msgrd?v=3&uin=727955957&site=qq&menu=yes" target="_blank">
         <el-button type="success" icon="yuethink-qq" size="mini">意见反馈</el-button>
       </a>
       
    </div>
  </section>
</template>

<script>
export default {
  name: 'dashboard',
  data () {
    return {
      loading: true,
      items: []
    }
  },
  created () {
    this._getData()
  },
  methods: {
    _getData () {
      this.$http.get('/release/server').then((response) => {
        this.items = response.data
        this.loading = false
      }).catch((error) => {
        this.loading = false
        console.log(error)
      })
    }
  }
}
</script>
style
